<template>
    <div id="app">
      <van-tabs v-model="active" @change='tabChange'>
        <van-tab title="赛程"  name="schedule"></van-tab>
        <van-tab title="排名"  name="rank"></van-tab>
        <van-tab title="新闻"  name="news"></van-tab>
        <van-tab title="视频"  name="vedio"></van-tab>
      </van-tabs>
      <component :is="active"></component>
    </div>
</template>

<script>
import rank from './views/rank'
import news from './views/news'
import vedio from './views/vedio'
import schedule from './views/schedule'
export default {
  components:{
    rank,
    news,
    vedio,
    schedule
  },
  data() {
    return {
      active:"news",
    }
  },
  methods:{
    tabChange({name}) {
    }
  }
}
</script>

<style>
#app{
  width:100%;
  height:100%;
}
</style>